import axios from "axios";
import {getToken, removeToken} from "./LocaStorage";
import {message} from "antd";
import {waitTime} from "./Const";


const baseUrl = 'http://127.0.0.1:8000/'
// 创建axios实例，在这里可以设置请求的默认配置
const instance = axios.create({
    timeout: 5000, // 设置超时时间5s
    baseURL: baseUrl // 根据自己配置的反向代理去设置不同环境的baseUrl
})
// 文档中的统一设置post请求头。下面会说到post请求的几种'Content-Type'
instance.defaults.headers.post['Content-Type'] = 'application/json'

/** 添加请求拦截器 **/
instance.interceptors.request.use(config => {
    let token = getToken()//获取本地存储的token
    // 判断cookie有没有存储token，有的话加入到请求头里
    if (token) {
        config.headers['token'] = token//在请求头中加入token
    }
    // 如果还需要在请求头内添加其他内容可以自己添加 [] 内为自定义的字段名 = 后的内容为字段名对应的内容
    // config.headers['api'] = api
    return config
}, error => {
    // 对请求错误做些什么
    return Promise.reject(error)
})

/** 添加响应拦截器  **/
instance.interceptors.response.use(response => {
    if (response.status === 200 && response.data.code === 200) {
        return Promise.resolve(response.data)
    } else if (response.status === 200 && response.data.code === 901) {
        removeToken();
        message.error(response.data.msg)
        waitTime(3000)
        window.location.href = '#/login';
    } else {
        message.error(response.data.msg)
        return Promise.reject(response.data.msg)
    }
}, error => {
    // 请求报错的回调可以和后端协调返回什么状态码，在此根据对应状态码进行对应处理
    if (error.response) {
        // 如401我就让用户返回登录页
        if (error.response.status === 401) {
            this.props.history.push('/login');
        }
        return Promise.reject(error)
    } else {
        message.error('请求超时, 请刷新重试')
        return Promise.reject('请求超时, 请刷新重试')
    }
})

/* 统一封装请求 */
export const request = {
    //api请求函数
    get: ({url, params = null, config = {}}) => {
        return requestStart(url, params, 'GET', config)
    },
    delete: ({url, params = null, config = {}}) => {
        return requestStart(url, params, 'DELETE', config)
    },
    post: ({url, params = null, config = {}}) => {
        return requestStart(url, params, 'POST', config)
    },
    put: ({url, params = null, config = {}}) => {
        return requestStart(url, params, 'PUT', config)
    },
    file: ({url, params = null, config = {}}) => {
        let formData = new FormData();
        formData.append('file', params)
        return requestStart(url, formData, 'POST', config)
    },
}


/* 统一封装请求 */
const requestStart = (url, params, method, config) => {
    return new Promise((resolve, reject) => {
        instance({
            method: method,
            url,
            data: params,
            ...config
        }).then(response => {
            resolve(response)
        }).catch(error => {
            reject(error)
        })
    })
}

